.mainer {
  height: 100%;
  margin: 0;
  overflow: auto;
  padding: 0;
  width: 100%;
}.main {
  margin: 20px auto 0;
  width: 93%;
}.top {margin-bottom: 10px;
  position: relative;
}.top span {
  display: inline-block;
  width: 40%;
}.sale::after,.adv-top::after {
  clear: both;
  content: "";
  display: table;
}.sale-left {position: relative;
  float: left;
  width: 49%;
}.sale-right {position: relative;
  float: right;
  width: 49%;
}.sale-left li {margin-bottom: 2%;
  float: left;
  width: 48%;
}.sale-left a,.sale-right a {
  display: inline-block;
  position: relative;
}.sale-left span,.sale-right span  {
  bottom: 8px;
  color: white;
  font-size: 1.2em;
  position: absolute;
  right: 5px;
}.pic2 {
  margin-left: 4%;
}a.ti {
  float: left;
  width: 48%;
}a.cad {
  float: right;
  width: 48%;
}.adv-top a {
  margin-bottom: 1%;
}.top.my > a {
  display: inline-block;
  vertical-align: bottom;
  width: 4%;
}.top.my > span {
  font-size: 1.6em;
  text-align: center;
  vertical-align: top;
  width: 95%;
}.inf {margin-bottom: 2%;
  background: #009edb none repeat scroll 0 0;
  overflow: hidden;
}.name::after {
  clear: both;
  content: "";
  display: table;
}.name {
  color: white;
  font-size: 1.2em;
  margin: 20px auto 40px;
  width: 90%;
}.na-main {
  float: left;
}.avatar {
  border-radius: 50%;
  float: right;
  height: 70px;
  margin: 10px 20px 0 0;
  overflow: hidden;
  width: 70px;
}.inf > a {
  display: inline-block;
  float: right;
  width: 15%;
}span.two {font-size: 1.1em;
  position: absolute;
  right: 5px;
  top: 0;
}.na-main li {
  margin-bottom: 5px;
}.card {
  background: #f2f0f0 none repeat scroll 0 0;
  margin: 10px auto;
}.use > span {background:#ebefe7;
  display: inline-block;
  font-size: 1.4em;
  padding: 10px 0;
  text-align: center;
  width: 50%;
}.msh {
  background: rgba(0, 0, 0, 0) url("../img/3_03.png") no-repeat scroll 0 0 / 100% 90%;
  height: 115px;
}.sale1 {
  float: left;
  margin-left: 18%;
  width: 42%;
}.sale1 p {
  font-size: 1.4em;
  margin: 5px 0;
}.sale1 > span {
  display: block;
  font-size: 1.2em;
  margin-bottom: 20px;
}.price {
  color: white;
  float: right;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 100px;
  text-align: center;
  width: 30%;
}span.use-left {background:#9fbf07;color:white
}.ms1 {
  background: rgba(0, 0, 0, 0) url("../img/3_06.png") no-repeat scroll 0 0 / 100% 90%
}.ms2 {
  background: rgba(0, 0, 0, 0) url("../img/3_08.png") no-repeat scroll 0 0 / 100% 90%;
}.ms3 {
  background: rgba(0, 0, 0, 0) url("../img/3_10.png") no-repeat scroll 0 0 / 100% 90%;
}.time{
  margin: 10px auto;
  width: 90%;
}.time table {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
}tr.f1 {border-bottom: 1px solid #ddd;
  font-size: 1.5em;
  height: 40px;
}.f1 > td {
  width: 30%;
}.f2 {
  border-bottom: 1px solid #ddd;
  font-size: 1.2em;
}.f2 > td {
  padding: 8px 0;
}.reduce > span {
  background: #f5a200 none repeat scroll 0 0;
  color: white;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  margin-left: 5px;
  width: 45px;
}.time img {
  width: 30px;
}span.plus {
  background: #e7233b none repeat scroll 0 0;
}.ca {
  background: #f5a100 none repeat scroll 0 0;
  color: white;
  margin-top: 20px;
  padding-top: 1px;
}.ca > p {
  background: rgba(0, 0, 0, 0) url("../img/5_03.png") no-repeat scroll 0 8px / 25px auto;
  font-size: 1.4em;
  line-height: 30px;
  margin: 10px auto 50px;
  padding-bottom: 10px;
  padding-left: 30px;
  width: 85%;
}.lim {border-top: 1px solid white;
  font-size: 1.2em;
  text-align: center;
}.lim > img {
  width: 50%;
}.intr {
  border-top: 1px solid #fff;
  font-size: 1.2em;
  margin-top: 30px;
  padding-left: 10px;
}.intr > p {
  font-size: 1.2em;
  margin-bottom: 5px;
}li::after {
  clear: both;
  content: "";
  display: table;
}.cha {
  float: left;
}.intime {
  float: right;
}.cha > img {display: inline-block;
  width: 50%;
}.thing {padding-left: 8px;
  display: inline-block;
  font-size: 1.1em;
  vertical-align: top;
}.thing > p {
  margin-top: 0;
}.thing > span {
  color: #ea3954;
}.intime {
  background: #9fbf07 none repeat scroll 0 0;
  color: white;
  float: right;
  font-size: 1.2em;
  height: 30px;
  line-height: 30px;
  position: relative;
  text-align: center;
  top: 30px;
  width: 25%;
}.recharge li {
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}.rec table,.news table {
  border-collapse: collapse;
  width: 100%;
}.rec tr,.news tr {
  border-bottom: 1px solid #ddd;
}.rec td,.news td{
  font-size: 1.2em;
  padding: 10px 0;
  text-align: center;
  width: 33%;
}.news{margin-top: 20px;
    padding-top: 1px;
}td.news-left {
  text-align: left;
}td.news-right {
  text-align: right;
}.invaild {
  color: #ddd;
}.flow {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}.form {
  background: white none repeat scroll 0 0;
  margin: 25% auto 0;
  width: 80%;
}.form > p {
  background: #9fbf07 none repeat scroll 0 0;
  height: 5px;
}.fo {padding-bottom: 1px;
  margin: 0 auto;padding-top: 20px;
  width: 90%;
}.f1 {
  font-size: 1.2em;
  height: 50px;
}.f1 input {width: 60%;
  border: 1px solid #ddd;
  height: 30px;
}.save1 {
  background: #9fbf07 none repeat scroll 0 0;
  color: white;
  display: block;
  font-size: 1.3em;
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}.sn {
  border: 1px solid #9fbf07;
  float: right;
  height: 32px;
  line-height: 32px;
  text-align: center;
  vertical-align: top;
  width: 60%;
}li.shop {
  padding: 10px 0;
}.logo > img {display: inline-block;
  width: 30%;border: 1px solid #ddd;
}.thing.floor > span {
  color: #ddd;
  display: block;
  line-height: 20px;
}.floor p {
  font-size: 1.2em;
}.rec1 li {
  border-bottom: 1px solid #ddd;
}.title > img {
  width: 34%;
}.floor i {
  position: relative;
  top: -10px;
}.search {
  margin: 5px auto 0;
  width: 93%;
}.search input {
  background: rgba(0, 0, 0, 0) url("../img/sea.jpg") no-repeat scroll 97% center / 25px auto;
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 40px;
  width: 100%;
}.type::after,.act::after {
  clear: both;
  content: "";
  display: table;
}.type a {
  display: inline-block;
  line-height: 40px;
  width: 100%;
}li.git {
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  float: left;
  font-size: 1.2em;
  text-align: center;
  width: 49.6%;
}.git li {padding-left: 20px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}.type {
  position: relative;
}.git-left,.git-right {top: 42px;
  background: white none repeat scroll 0 0;
  display: block;
  position: absolute;
  width: 100%;
}.git-right {
  left: 0;
}.all {
  border-bottom: 1px solid #ddd;
}.up {
  background: white url("../img/up.jpg") no-repeat scroll 65% center;
}.down{
  background: white url("../img/down.jpg") no-repeat scroll 65% center;
}.collect::after,.onsale::after {
  clear: both;
  content: "";
  display: table;
}.coll-left {
  float: left;
  left: 15px;
  position: relative;
  top: -50px;
}.coll-left > img {display: inline-block;
  width: 40%;
}.coll-left > span {
  display: inline-block;
  font-size: 1.2em;
  left: 5px;
  position: relative;
  top: -10px;
}.coll-right {color: #ddd;
  float: right;
  font-size: 1.2em;
  position: relative;
  right: 10px;
  top: 5px;
}.coll-right img {
  vertical-align: bottom;
  width: 30%;
}.clothes {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  font-size: 1.2em;
  padding: 10px 15px;
}.intro,.value {
  font-size: 1.2em;
  padding: 15px;
}.onsale {
  border-bottom: 1px solid #ddd;
  font-size: 1.2em;
  position: relative;
  top: -3px;
}.ftwo {
  border-right: 1px solid #ddd;
  float: left;
  text-align: center;
  width: 30%;
}.ftwo > img {
  position: relative;
  top: 5px;
  width: 70%;
}.ftwo > p {
  font-size: 1.2em;
  margin-bottom: 5px;
  margin-top: 5px;
}.topic {
  float: left;
  padding-left: 10px;
}.topic > p {margin-top: 5px;
  font-size: 1.2em;
  margin-bottom: 5px;
}.value.vis {
  border-bottom: 1px solid #ddd;
}.vis p {
  font-size: 1.2em;
  margin: 5px 0;
}.act-left {
  float: left;
}.act-right {
  float: right;
  text-align: right;
}.act-right > img {
  width: 80%;
}.build {
  background: rgba(0, 0, 0, 0) url("../img/right.jpg") no-repeat scroll 94% center;
}.my > a.history {
  background: #e5e5e5 none repeat scroll 0 0;
  font-size: 1.2em;
  line-height: 30px;
  padding: 0 5px;
  position: absolute;
  right: 0;top: 0;
  text-align: center;
  width: 20%;
}.my-rank,.rank-tab {
  margin: 0 auto;
  text-align: center;
  width: 93%;
}.rank-left {
  display: inline-block;
  font-size: 1.1em;
  width: 25%;
}.rank-left p {
  margin: 5px 0;
}.rank {
  margin-top: 30px;
}.ten {
  font-size: 1.3em;
}.rank-left.wdpm {
  background: #9fbf07 none repeat scroll 0 0;
  border-radius: 50%;
  color: white;
  height: 100px;
  width: 100px;
}.rank-left.wdpm > i {
  font-size: 2em;
  line-height: 50px;
}.rank-tab {
  margin-top: 20px;
}.rank-tab table {border-collapse: collapse;
  width: 100%;
}.rank-tab td {height: 35px;
  font-size: 1.2em;
}.rank-tab img {
  width: 20px;
}.rank-topic {position: relative;height: 40px;
  background: #b0c740 none repeat scroll 0 0;
  color: white;top: 20px;
  margin: 0 auto;
  width: 93%;
}.wrap {
  margin: 0 auto;
  overflow: hidden;
  width: 220px;
}ul.lst {
  position: relative;
  width: 660px;
}.lst li {
  float: left;
  line-height: 35px;
  text-align: center;
  width: 220px;
}.arrow.arrow-l {
  font-size: 2.6em;
  left: 5px;
  line-height: 35px;
  position: absolute;
  top: 0;
}.arrow.arrow-r{font-size: 2.6em;
  right: 5px;
  line-height: 35px;
  position: absolute;
  top: 0;}
.lst span {
  font-size: 1.6em;
  font-weight: bold;
}.lst i {
  font-size: 1.2em;
}ul::after {
  clear: both;
  content: "";
  display: table;
}